<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<canvas id="myCanvas" width="500px" height="700px" style="border: 1px solid red;"></canvas>
		<script type="text/javascript">
			
			var canvas=document.getElementById('myCanvas');
			var cxt=canvas.getContext('2d');
				cxt.fillStyle='red';
				cxt.fillRect(0,0,80,100);
				
				cxt.beginPath();
				cxt.arc(200,50,50,0,Math.PI*4,true);
				cxt.closePath();
				cxt.fill();
				
				var img1=new Image()
				img1.src="../img/2.png"
				cxt.drawImage(img1,150,150);
				
				cxt.moveTo(400,400);
				cxt.lineTo(400,100);
				cxt.lineTo(100,50);
				cxt.lineTo(100,100);
				cxt.stroke();
</script>
	</head>
	<body>
		
	</body>
</html>
